<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>盒子阴影</title>

    <!--
    margin: 0 auto; 居中
    要求： 块元素，块元素有固定的宽度
    -->
    <style>

        img{
            border-radius: 100px;
            box-shadow: 15px 15px 50px darkviolet;
        }

    </style>

</head>
<body>

    <div style="display: block;text-align: center">
        <img src="images/good_ace.jpg" alt="Cayde 6">
    </div>

</body>
</html>